body{background-color: #ecedee;margin: 0;padding: 0;font-size: 16px;color: #414244;font-weight: lighter;}
a{text-decoration: none;}
.clear{clear: both;}
.fixed{position:fixed;}
.out-line{display:block;width:100%;height:0px;border-bottom:1px solid #E7E7E7;}
a {text-decoration:none;}
.none{display: none;}
.position-rel{position: relative;}
.position-abs{position: absolute;}
.ver-top{vertical-align: top;}
.h10{height:10px;display:block;width:100%;}
#header{position: fixed;top: 0;height: 50px;width: 94%;padding: 0 3%;background-color: #FEFFFF;z-index: 2;}
#footer{position: fixed;bottom: 0;height: 50px;width: 100%;background-color: #F3F4F5;z-index: 2;}
#body{margin-top: 50px;}
.header-div{height: 50px;line-height: 50px;}
.header-left{float: left;font-size: 18px;}
.header-right{float: right;font-size: 14px;}
.footer-btn{width: 20%;float: left;height: 50px;color: #B9BABB;font-size: 12px;}
.footer-btn img{width: 25px;height: 25px;margin-top: 4px;}
.footer-btn .footer-btn-img{width: 25px;height: 25px;margin-top: 4px;}
.footer-release-btn img{margin-top: -10px;width: 50px;height: 50px;}
.footer-btn .active{color: #EE8888;}
#footer-margin-top{height: 55px;}
.footer-find .footer-btn-img{background: url("../image/nav_icon_1_normal.png") no-repeat;background-size: 100% 100%;}
.footer-find > .active > .footer-btn-img{background: url("../image/nav_icon_1_highlight.png") no-repeat;background-size: 100% 100%;}
.footer-dynamic .footer-btn-img{background: url("../image/nav_icon_2_normal.png") no-repeat;background-size: 100% 100%;}
.footer-dynamic > .active > .footer-btn-img{background: url("../image/nav_icon_2_highlight.png") no-repeat;background-size: 100% 100%;}
.footer-message .footer-btn-img{background: url("../image/nav_icon_3_normal.png") no-repeat;background-size: 100% 100%;}
.footer-message > .active > .footer-btn-img{background: url("../image/nav_icon_3_highlight.png") no-repeat;background-size: 100% 100%;}
.footer-me .footer-btn-img{background: url("../image/nav_icon_4_normal.png") no-repeat;background-size: 100% 100%;}
.footer-me > .active > .footer-btn-img{background: url("../image/nav_icon_4_highlight.png") no-repeat;background-size: 100% 100%;}
.other-header-div{height: 50px;line-height: 50px;}
.other-header-left{width: 55px;font-size: 18px;color: #585859;position: absolute;z-index: 2;}
.other-header-right{position: absolute;width: 100%;text-align: center;}
.other-header-left>img{float: left;height: 26px;width: 11px;margin-top: 12px;margin-right: 5px;}


/*首页*/
.index-div{width: 100%;background-color: #FDFEFF;}
.index-dog-div{padding-top: 5px;}
.index-div-top{width: 96%;padding: 2%;height: 80px;}
.index-div-top-header-image{position: absolute;height: 80px;width: 80px;border-radius: 5px;}
.index-div-top-header-image>img{width: 100%;height: 100%;border-radius: 5px;}
.index-div-top-info{margin-left: 85px;}
.index-dog-name{padding-top: 3px;}
.index-dog-last-login{float: right;font-size: 12px;color: #B9BABB;}
.index-dog-info{color: #B9BABB;font-size: 12px;margin-top: 5px;border-bottom: 1px dashed #ECEDEE;padding-bottom: 5px;}
.index-dog-dynamic{color: #B9BABB;font-size: 12px;margin-top: 5px;}
.index-div-bottom{height: 30px;border-top: 1px solid #F3F4F4;width: 100%;}
.index-div-bottom>.index-div-bottom-div{height: 30px;width: 50%;float: left;line-height: 30px;font-size: 12px;color: #B9BABB;}
.index-div-bottom-box{width: 56px;}
.index-div-bottom-box .index-div-bottom-image{height: 15px;width: 15px;margin-top: 7px;float: left;}
.index-div-bottom-div .active{color: #EE8888;}
.index-like-dog .index-div-bottom-image{background: url("../image/xihuan_icon_normal.png") no-repeat;background-size: 100% 100%;}
.index-like-dog .active > .index-div-bottom-image{background: url("../image/xihuan_icon_highlight.png") no-repeat;background-size: 100% 100%;}
.index-say-dog .index-div-bottom-image{background: url("../image/sayhi.png") no-repeat;background-size: 100% 100%;}
.index-say-dog .active > .index-div-bottom-image{background: url("../image/sayhi2.png") no-repeat;background-size: 100% 100%;}
.index-div-bottom-box>div{float: left;margin-left: 2px;}


/*动态*/
.dynamic-div{width: 100%;height: auto;padding-top: 5px;}
.dynamic-top-div{width: 94%;padding: 3%;background-color: #FEFFFF;}
.dynamic-dog-header{width: 50px;height: 50px;border-radius: 25px;display: inline-block;margin-right: 5px;}
.dynamic-dog-header>img{width: 100%;height: 100%;border-radius: 25px;}
.dynamic-dog-info-box{display: inline-block;height: 50px;}
.dynamic-dog-name{margin-top: 7px;}
.dynamic-dog-info{margin-top: 8px;font-size: 14px;color: #B9BABB;}
.dynamic-dog-more-box{position: absolute;top: 22px;width: 30px;height: 30px;right: 6px;}
.dynamic-dog-more-box>img{width: 100%;height: 100%;}
.dynamic-body-div{width: 94%;padding: 0 3%;background-color: #FEFFFF;padding-bottom: 10px;display: block;}
.dynamic-body-title{color: #363838;font-size: 17px;}
.dynamic-body-text{font-size: 14px;margin-top: 10px;color: #242828;}
.dynamic-body-img{margin-top: 5px;}
.dynamic-body-img>img{max-width: 32%;}
.dynamic-bottom-div{border-top: 1px solid #F3F4F4;width: 100%;height: 30px;background-color: #FEFFFF;}
.dynamic-bottom-center{width: 100%;height: 30px;}
.dynamic-bottom-div .dynamic-bottom-btn{width: 49%;height: 30px;text-align: center;line-height: 30px;color: #B9BABB;font-size: 14px;display: inline-block;}
.dynamic-bottom-reply{border-right: 1px solid #F6F7F7;}
.dynamic-bottom-div .active{color: #EE8888;}
.dynamic-alert-div{position: fixed;z-index: 4;top:0;width: 100%;height: 100%;}
.dynamic-bg{width: 100%;height: 100%;background-color: #000;opacity: 0.6;}
.dynamic-alert-bottom-div{position: absolute;bottom: 0;left: 0;width: 100%;background-color: #FEFFFF;}
.dynamic-alert-btn{height: 40px;width: 100%;line-height: 40px;text-align: center;border-bottom: 1px solid #F5F6F6;color: #5E5F5F;}




/*登陆 注册*/
.center-top-title{text-align:center;width:100%;font-size:18px;line-height:50px;position:relative;}
.center-top-title .r{font-size:14px;color:#FC686B;position:absolute;right:0;}
.center-top-title .r .next{height:40px;display:block;margin-top:5px;}
.center-top-title .l{font-size:14px;color:#FC686B;position:absolute;left:0;}
.center-top-title .l .back{height:30px;display:block;margin-top:10px;}
.passport-form{display:inline-block;width:100%;}
.passport-form .input-box{background: #FFFFFF;margin-top:10px;display:inline-block;width:100%;}
.passport-form .row{padding:15px 10px;color: #626262;position:relative;}
.passport-form .row .notice{color:#DBDBDB;font-size:15px;}
.passport-form .row.btn-row{text-align:center;padding: 35px 0;}
.passport-form .row.btn-row .btn{width:90%;height:40px;border:0;background:#FB6669;color:#FFFFFF;font-size:18px;letter-spacing:3px;font-weight:100;outline:0;}
.passport-form .row input{border:0;font-size:14px;margin-left:20px;outline:0;}
.passport-form .row .forget{position:absolute;right:10px;background:#FC9326;font-size:14px;font-weight:100;line-height:30px;top:9px;color:#FFFFFF;border-radius:4px;padding:0 5px;}
.passport-form.register{margin-top:-10px;}
.passport-form.register .border-box{border: 1px solid #E7E7E7;margin:0 5px 5px 5px;border-radius:8px;}
.passport-form.register .border-box .row{padding:10px;border-top:1px solid #E7E7E7;}
.passport-form.register .border-box .row:first-child{border-top:0;}
.passport-form.register .row input{margin-left:0;}
.other-login{margin-top:20px;text-align:center;}
.other-login .line{width:90%;display:inline-block;position:relative;background:url("../image/line1.png") 50% repeat-x}
.other-login .text{display:inline-block;background:#ecedee;width:110px;color: #a1a1a1;}
.other-login .other-icon-box{margin-top:30px;}
.other-login .other-icon-box .other{margin-left:25px;}
.other-login .other-icon-box .other:first-child{margin-left:0;}
.other-login .other-icon-box .other img{width:55px;height: 55px;}
.register2-form{padding:10px;}
.register2-form .notice{font-size:15px;color:#DBDBDB}
.register2-form .notice .info{color:#2D8CC8}
.register2-form .row{border:1px solid #E7E7E7;padding:10px;margin-top:20px;border-radius:4px;position:relative;}
.register2-form .row:first-child{margin-top:10px;}
.register2-form .row span{position:absolute;}
.register2-form .row input{border:0;outline:0;width:100%;text-indent:110px;}
.register2-form .row .l{line-height:20px;position:absolute;right:3px;top:6px;font-size:14px;background:#F0F0F0;border-radius:4px;padding:3px;color:#969696}
.register2-form.last .row input{text-indent:45px;}




/* 个人中心 */
.my-user-home .group{margin-top:10px;display:inline-block;width:100%;background:#FFFFFF;}
.my-user-home .group .item{padding-left:10px;height:49px;padding-top:5px;border-bottom:1px solid #E7E7E7;display:block;position:relative;}
.my-user-home .group .icon{width:40px;height: 40px;display:inline-block;vertical-align:middle;}
.my-user-home .group .icon img{width:100%;height:100%;}
.my-user-home .group .item span{display:inline-block;vertical-align:middle;padding-left:10px;color:#414244;}
.my-user-home .group .item p{padding:0;margin:0;font-size:12px;}
.my-user-home .group .item .i{font-size:10px;margin-top:5px;color:#8D8D8D;}
.my-user-home .group .item .into{width:35px;height:55px;background:url("../image/list_arrow_gray.png");display:inline-block;position:absolute;right:0;top:-2px;}
.my-user-add-btn{margin-top:20px;text-align:center;}
.my-user-add-btn a{width:90%;display:inline-block;background:#FB6669;color:#FFFFFF;padding:10px;border-radius:5px;}
.my-dog-list{margin-top:20px;}
.my-dog-list .line-box{text-align:center;}
.my-dog-list .line{width: 90%;display: inline-block;position: relative;background: url("../image/line1.png") 50% repeat-x;}
.my-dog-list .line .text{display: inline-block;background: #ecedee;width: 110px;color: #a1a1a1;}
.my-dog-list .group{margin-top:10px;background:#FFFFFF;}
.my-dog-list .group .item{border-bottom:1px solid #E7E7E7;display:block;width:100%;padding:5px 0;color:#414244;position:relative;}
.my-dog-list .group .item .photo{margin-left:10px;width:50px;height:50px;overflow:hidden;border-radius:50%;border:2px solid #d9d9d9;display:inline-block;vertical-align:middle;}
.my-dog-list .group .item.active .photo{border: 2px solid #FB6669;}
.my-dog-list .group .item .photo img{width:50px;}
.my-dog-list .group .item .desc{display:inline-block;vertical-align:middle;margin-left:10px;}
.my-dog-list .group .item .desc.r{position:absolute;top:24px;right:20px;color:#FACD9A}
.my-dog-list .group .item .desc p{margin: 5px 0 0 0;color: #7f8282;font-size:14px;}
.my-dog-list .group .item .desc p:first-child{margin:0;font-size:16px;color:#414244}
/* 设置主人简介、微信 */
.intro-form {padding:0;}
.intro-form textarea{margin-top:10px;border:0;outline:0;resize:none;width:100%;padding:3px;height:150px;}
.intro-form input{margin-top:10px;border:0;outline:0;resize:none;width:100%;padding:10px 3px;}
.intro-text{margin:5px;font-size:14px;color: #999999;}
/* 设置主人基本资料 */
.master-setting{display:inline-block;width:100%;margin-top:10px;background:#FFFFFF;}
.master-setting .group .item{height:39px;line-height:40px;font-size:18px;position:relative;padding-right:10px;border-bottom:1px solid #E7E7E7;}
.master-setting .group .item .name{margin-left:10px;color: #5d5d5d;position:absolute;}
.master-setting .group .item .ipt{width:100%;text-align:right;border:0;outline:0;font-size:14px;background:#FFFFFF;}
.master-setting .group .item .select{border:0;outline:0;font-size:14px;background:#FFFFFF;float:right;line-height:40px;height:38px;}
.master-setting .group .item .ipt option{text-align:right;}


/*消息*/
.message-box{border-top: 1px solid #EEEFF0;background-color: #FDFEFF;padding: 5px 2%;width: 96%;}
.message-header{height: 60px;width: 60px;border-radius: 5px;display: inline-block;position: absolute;top: 5px;left: 5px;}
.message-header>img{height: 100%;width: 100%;border-radius: 5px;}
.message-right-box{height: 60px;margin-left: 65px;}
.message-name{padding-top: 5px;}
.message-name>span{float: right;font-size: 12px;margin-top: 5px;color: #A5A6A7;}
.message-text{font-size: 14px;margin-top: 15px;color: #616364;}
.message-into{line-height: 58px;}
.message-into>img{float: right;height: 17px;width: 12px;margin-top: 20px;}


/*发布*/
.release-body{padding-top: 5px;}
.release-min-font{font-size: 14px;}
.release-title{width: 94%;padding: 5px 3%;background-color: #FEFFFF;height: 30px;border-bottom: 1px solid #EDEEEF;}
.release-title>input{padding: 0;border: 0;height: 30px;line-height: 30px;width: 100%;font-size: 14px;outline: none;}
.release-text{width: 94%;padding: 5px 3%;background-color: #FEFFFF;height: 100px;}
.release-text>textarea{width: 100%;padding: 0;background-color: #FEFFFF;height: 100px;border: 0;resize: none;outline: none;font-size: 14px;color: #272829;}
.release-image{width: 94%;padding: 5px 3%;background-color: #FEFFFF;height: 70px;border-bottom: 1px solid #EDEEEF;}
.release-image img{max-width: 70px;max-height: 70px;margin: 0 auto;}
.release-image>.release-image-div{width: 70px;height: 70px;margin-right: 5px;display: inline-block;}
.release-address{width: 94%;padding: 5px 3%;background-color: #FEFFFF;height: 30px;border-bottom: 1px solid #EDEEEF;line-height: 30px;color: #D7D7D7;}
.release-address>img{float: right;height: 30px;width: 22px;}



/*聊天*/
.chat-write-box{padding: 10px 3%;width: 94%;font-size: 14px;}
.chat-write-box>.chat-write-box-bor{background-color: #FEFFFF;border: 1px solid #DADBDC;width: 94%;height: auto;border-radius: 5px;padding: 10px 3%;}
.chat-write-op{color: #F58784;margin-top: 10px;}
.chat-dog-header{position: absolute;width: 60px;height: 60px;top: 10px;left: 3%;}
.chat-dog-header>img{max-width: 100%;max-height: 100%;}
.chat-dog-info{height: 60px;padding-left: 70px;}
.chat-dot-info-top{border-bottom: 1px dashed #F8F9F9;padding: 5px 0;}
.chat-dog-info-bottom{padding-top: 5px;}
.chat-send-time{width: 260px;}
.chat-send-time>div{float: left;}
.chat-send-time-line{width: 85px;border-bottom: 1px solid #C4C5C6;padding-top: 5px;}
.chat-send-time-box{width: 90px;font-size: 12px;color: #666868;}
.chat-footer{position: fixed;bottom: 0;width: 94%;height: 40px;background-color: #F6F7F8;z-index: 2;border-top: 1px solid #D3D4D5;padding: 5px 3%;}
.chat-footer-send{position: absolute;top: 5px;right: 3%;width: 80px;height: 40px;}
.chat-footer-send>img{width: 30px;height: 30px;float: left;margin-top: 5px;}
.chat-footer-send>div{height: 30px;float: left;margin-top: 5px;line-height: 30px;margin-left: 5px;background-color: #DC352C;color: #fff;border: 0;border-radius: 3px;font-size: 14px;padding: 0 8px;}
.chat-footer-input{padding-right: 90px;height: 40px;}
.chat-footer-input>input{border: 1px solid #E1E2E3;border-radius: 5px;height: 38px;width: 100%;padding: 0;margin: 0;font-size: 16px;}
.chat-message-box{width: 94%;padding: 5px 3%;}
.chat-right-message{float: right;}
.chat-message-header{width: 40px;height: 40px;}
.chat-left-message>.chat-message-header{position: absolute;}
.chat-right-message>.chat-message-header{position: absolute;right: 0;}
.chat-message-header>img{max-width: 100%;max-height: 100%;}
.chat-message-text{word-break: break-all;padding: 5px;border-radius: 5px;}
.chat-left-message>.chat-message-text{margin-left: 55px;border: 1px solid #D5DDDF;background-color: #FEFFFF;}
.chat-right-message>.chat-message-text{margin-right: 55px;border: 1px solid #D5DDDF;background-color: #CCE8FD;}


/*动态内容*/
.dynamic-info-box{width: 100%;padding-top: 5px;border-bottom: 1px solid #E0E6E7;}
.dynamic-info-bg{background-color: #FEFFFF;width: 94%;padding: 5px 3%;}
.dynamic-info-header-img{height: 50px;width: 50px;position: absolute;top: 0;left: 0;}
.dynamic-info-header-img>img{max-height: 50px;max-width: 50px;border-radius: 5px;}
.dynamic-info-name-time{height: 45px;margin-left: 60px;padding-top: 5px;}
.dynamic-info-time{padding-top: 5px;color: #ccc;font-size: 14px;}
.have-sex>.sex{width: 13px;height: 13px;display: inline-block;margin-left: 5px;}
.have-sex>.female{background: url("../image/female_r.png")no-repeat;background-size: 100% 100%;}
.have-sex>.male{background: url("../image/male_b.png")no-repeat;background-size: 100% 100%;}
.dynamic-info-body-box{padding-top: 10px;}
.dynamic-info-text{padding-top: 15px;font-size: 14px;}
.dynamic-info-img{width: 100%;}
.dynamic-info-img>img{max-width: 100%;padding-top: 5px;}
.dynamic-info-reply{background-color: #F2F8F8;width: 94%;padding: 0 3%;}
.dynamic-info-floor{width: 100%;padding: 5px 0;border-bottom: 1px solid #E7EDED;}
.dynamic-info-other-header{width: 40px;height: 40px;display: inline-block;position: absolute;top: 5px;left: 0;}
.dynamic-info-other-header>img{max-width: 40px;max-height: 40px;border-radius: 4px;}
.dynamic-info-other{padding: 5px 0;}
.dynamic-info-other-name{height: 40px;margin-left: 45px;}
.dynamic-info-other-name-box{padding-top: 2px;}
.dynamic-info-other-time-box{padding-top: 6px;font-size: 12px;color: #BEC2C5;}
.dynamic-info-floor-text{padding-left: 45px;}
.dynamic-info-floor-top{padding-bottom: 5px;}
.dynamic-info-floor-reply{padding-top: 5px;font-size: 14px;}
.dynamic-info-floor-reply:first-child{border-top: 1px solid #E7EDED;padding-top: 15px;}
.dynamic-info-floor-reply>.time{color: #B5BABE;}
.dynamic-info-floor-reply>.time{color: #7A7E7F;}
.dynamic-info-floor-reply>a{color: #557FBB;}
.dynamic-info-floor-reply>.right{float: right;}
.dynamic-info-floor-bottom{padding: 10px 0;}









